<template>
    <section class="el-container" :class="{ 'is-vertical': isVertical }">
        <slot />
    </section>
</template>

<script>
import { Interface } from 'readline'
import { Component } from 'vue'
import { defineComponent, useSlots, computed, VNode } from 'vue-demi'
Interface
export default defineComponent( {
    name:'ElContainer',
    setup(){

    }
})
</script>

<style lang="scss">
@import '@/styles/mixin';

@include namespace(container) {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0;

    @include when(vertical) {
        flex-direction: column;
    }
}
</style>